Knockout.js foreach: but only when comparison is true

Question

How can I control the foreach to ignore certain elements by using a comparison?

What I want for example is something like this:

<div data-bind="foreach: entry where (entry.number > 10)">

So what I would want it to do is loop through entry's but only execute when that current entry has a number value of more than 10.

Is this possible to do?

Answer 1

Currently that's not possible with knockout.js, but it's an interesting feature. You should file a bug report/contact the author to consider it for a future version.

Way 1:

<div data-bind="foreach: entry">
     <div data-bind="if: entry.number > 10"></div>
</div>

Way 2:
Write a custom filter method that gives you an array of elements that match your conditions and use this in your foreach.

Answer 2

try this:

   <div data-bind="foreach: editingItem.columns">
         <!-- ko if: Selected-->
         <div data-bind="text: Name"></div>
          <input type="text"/>
             <!-- /ko -->