I would not ask these questions if there were a peep of an answer anywhere on the web.  But even though I've spent a dozen years with jquery, I have no clue what these statements do.

<div id="Items-[ModuleContext:ModuleId]"> //I assume this is a new way of accessing the module id? Documentation?

    <ul class="tm_tl" data-bind="foreach: itemList"> //basic knockout.js no problem.

        <li class="tm_t">

            <h3 data-bind="text: name"></h3> //bindings for knockout.

            <div class="tm_td" data-bind="text: description"></div> //ditto

            <div data-bind="visible: $parent.editMode()"> //WHERE DOES THIS EDITMODEL() EXIST??

                <a data-bind="attr: {href: editUrl}">[Resx:{key:"EditItem"}]</a> //SEE BELOW

                <a data-bind="click: $parent.deleteItem" href="#">[Resx:{key:"DeleteItem"}]</a> //WHERE IS 'DELETEITEM' DEFINIED??? SEE BELOW

            </div>

        </li>

    </ul>

</div>

In two modules, there are four links/buttons for actions.  They are all DIFFERENT!  Here's the actions for an edit html in the same module:

    <a data-bind="click: save" href="#" class="dnnPrimaryAction">[Resx:{key:"btnSubmit"}]</a>

    <a data-bind="click: cancel" href="#" class="dnnSecondaryAction">[Resx:{key:"btnCancel"}]</a>

So, we've got a data-bind 'click' here, and in the ABOVE code first shown, there is:

                <a data-bind="attr: {href: editUrl}">[Resx:{key:"EditItem"}]</a>

And:

                <a data-bind="click: $parent.deleteItem" href="#">[Resx:{key:"DeleteItem"}]</a>

So, which way is recommended?  Is there ANY standard here, or what?  And how can these actions execute, if there is no mention of the class or id, in any javascript code?