Knockout not observable array length inside if block

Question

I have one 'not observable' array of objects in view-model and I want to render some div-s according to the array.

<div data-bind="foreach: sequences">
    <!-- ko if: $parent.sequences.length-1 > $index -->
        <div>Some content </div>
    <!-- /ko -->        
</div>

Code above should render div for all elements except the last one, but it does not work, I did not get any error, I do know what is happening ?

Answer 1

$index is an observable, so you need to use $index() :

<div data-bind="foreach: sequences">
    <!-- ko if: $parent.sequences.length-1 > $index() -->
        <div>Some content </div>
        <div data-bind="text: $data"></div>
    <!-- /ko -->        
</div>

Demo JSFiddle .

Answer 2

You can use the visible binding for this:

<div data-bind="foreach: sequences">
    <div data-bind="visible: $parent.sequences.length-1 >  $index()">
      Some content 
    </div>   
 </div>