if

使用if绑定可以控制某个组件动态显示，类似我们之前接触到的visible属性，不过此属性绑定过以后就不能更改，而if 绑定可以根据相应的条件控制组件是否显示，如下代码：

<label><input type="checkbox" data-bind="checked: displayMessage" /> Display message</label> 
<div data-bind="if: displayMessage">Here is a message. Astonishing.</div>

ko.applyBindings({
   displayMessage: ko.observable(false)
});

此例根据checkbox是否勾选来控制是否显示下面的一个 < div >。