knockout.js using $index with if binding

Question

I\'m trying to show some mark up based on the value of $index, I can display the value but I can\'t seem to use it with an if binding, what\'s the

Answer 1

From the knockout bindings page

$index (only available within foreach bindings)

This is the zero-based index of the current array entry being rendered by a foreach binding. Unlike the other binding context properties, $index is an observable and is updated whenever the index of the item changes (e.g., if items are added to or removed from the array).

Example

    
         | 
     
         

Results in

Model #: UAI5021 | Catalog #: UIOY786