Hide row in template

HTML

<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
    <script id="row-template" type="text/x-kendo-template">
        <tr data-bind="visible: IsSelected">
            <td data-bind="text: name"></td>
            <td data-bind="text: age"></td>
        </tr>
    </script>
    

    <table id="resultTable">
        <tbody data-template="row-template" data-bind="source: employees">
        </tbody>
    </table>

CSS

table, th, td
        {
            border: 1px solid black;
        }

JavaScript

var viewModel = kendo.observable({
    
    employees: [
        { name: "Lijo", age: "28", IsSelected: true },
        { name: "Binu", age: "33", IsSelected: false },
        { name: "Kiran", age: "29", IsSelected: true }
    ]
});

$(document).ready(function () {
    kendo.bind($("body"), viewModel);
});