Knockout - Using Or operator in data-bind

http://jsfiddle.net/johnpapa/gsnUs/5/

HTML

<script src="https://raw.github.com/SteveSanderson/knockout/master/build/output/knockout-latest.js"></script>
<input type="checkbox" data-bind="checked:displayDeactive"> Display deactive</input>
<br/><br/>
<table>
    <tbody data-bind="foreach: products">
        <tr data-bind="visible: active() || $parent.displayDeactive()">
            <td><span data-bind="text:name"></span></td>
        </tr>
    </tbody>
</table>

JavaScript

var Product = function(parent) {
    this.name = ko.observable();
    this.qty = ko.observable();
    this.active = ko.observable();
};

var vm = function ViewModel() {
    this.displayDeactive = ko.observable(true);
    this.products = ko.observableArray(
        [new Product(vm).name("strap").qty(7).active(true),
        new Product(vm).name("pick").qty(1).active(false),
        new Product(vm).name("capo").qty(2).active(true)]);
};

ko.applyBindings(new vm());