I've a graph chart like below made using css and knockout.js (binding)

Depending on the value of the data, I need to size the height of the bars by selecting different css classes.

I've tried to use the knockout if statement below:

```
The <!-- ko --> and <!-- /ko --> 

```

However, this doesn't meet my requirement as I need something like below:

```
     <ul data-bind="foreach: ArrayData">
      <!-- ko if: value >= 300 and value <=250 -->
            <li class="height300Css">
        <!-- /ko -->
       <!-- ko if: value >= 200 and value <=300 -->
            <li class="height200Css">
        <!-- /ko -->
    </ul>

```

Could someone suggest any alternatives?

Thanks.